/*
    公共样式表 by yzty
    2020.11.26
*/

:root {
    /*2.字体*/
    --fontFamily: 'Microsoft YaHei','SimHei','Arial','SimSun'; /*默认字体*/
    --fontTitleFamily: 'Microsoft YaHei','SimHei','Arial','SimSun'; /*标题字体*/
    --fontPFamily: 'Microsoft YaHei','SimHei','Arial','SimSun'; /*段落字体*/
    /*3.背景颜色*/
    --bgMainColor: #F1F3F5; /*页面背景颜色*/
    --bgForeColor: #FFF; /*前面背景色*/
    --bgHeaderColor: #3CAC4C; /*页面顶部背景颜色*/
    --bgFooterColor: #efefef; /*页面底部背景颜色*/
    --bgTitleColor: #FFF; /*标题背景色*/
    --bgOddColor: #fcfaf6; /*奇书行背景色*/
    --bgEvenColor: #FFF; /*偶数行背景色*/
    --bgMenuColor: #2ba93d; /*菜单栏背景颜色#009345*/
    --bgMenuHoverColor: #3CAC4C; /*菜单背景悬停颜色*/
    --bgGrayColor: #f3f2f2;
    /*4.边框颜色*/
    --boderColor: #f3f2f2; /*边框颜色*/
    --boderDarkColor: #ff7e00; /*边框深色*/
    --bgBorderOtherColor: #3CAC4C; /*页面底部背景颜色*/
    --shadowColor: #f7f7f7; /*阴影颜色*/
    --boderMenuBoderColor: #047314; /*菜单底部边框颜色*/
    /*5字体颜色*/
    --textDefaultColor: #333; /*文字默认颜色*/
    --textPColor: #000; /*段落白色文字颜色*/
    --textH1Color: #000; /*H1标题颜色*/
    --textBoxTitleColor: #333; /*Box框的标题颜色*/
    --textLightColor: #FFF; /*文字浅颜色*/
    --textDarkColor: #333; /*文字深色颜色*/
    --textGrayColor: #ccc; /*灰色颜色*/
    --textLinkColor: #262627; /*文字链接颜色*/
    --textLinkHoverColor: #c76300; /*文字链接悬停颜色*/
    --textFooterColor: #89a18e; /*底部文字颜色 */
    --textSpecialColor: #009345; /*特殊文字颜色*/
    /*6.字体大小*/
    --fontH1Size: 20px; /*H1标题大小*/
    --fontH2Size: 18px; /*H2标题大小*/
    --fontH3Size: 16px; /*H3标题大小*/
    --fontPSize: 14px; /*段落大小*/
    --fontTitleSize: 16px; /*标题大小*/
    --fontDefaultSize: 14px; /*默认字体大小*/
    --fontLargeSize: 1.3em; /*最大字体大小*/
    --fontLittleSize: 12px; /*最小字体大小*/
}



*::-moz-selection {
    background: var(--bgMenuColor);
    color: var(--textLightColor);
}

::selection {
    background: var(--bgMenuColor);
    color: var(--textLightColor);
}

body {
    font: 15px/1.5 "Microsoft Yahei",sans-serif;
    font-weight: 500;
    color: var(--textDefaultColor);
    background-color: var(--bgMainColor);
    height: 100%;
    min-width: 1212px;
}

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr, button, input {
    margin: 0;
    padding: 0
}

h1 {
    font-size: 24px
}

h2 {
    font-size: 20px
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

input, select {
    vertical-align: middle
}

ol, ul, li {
    list-style: none
}

textarea, input {
    word-wrap: break-word;
    word-break: break-all;
    padding: 0
}

img {
    border: 0 none
}

li {
    list-style-type: none
}

b {
    font-weight: 300
}

strong {
    font-weight: 700;
}

dl, dd {
    margin-inline-start: 0;
}

ol {
    list-style-type: decimal;
}

a:link, a:visited {
    text-decoration: none
}

a {
    color: var(--textLinkColor);
    text-decoration: none;
}

    a:hover {
        color: var(--textLinkHoverColor);
        transition: color 0.4s;
        -moz-transition: color 0.4s;
        -webkit-transition: color 0.4s;
        -o-transition: color 0.4s;
    }

.fl {
    float: left;
    display: inline;
    overflow: hidden
}

.fr {
    float: right;
    display: inline;
    overflow: hidden
}

.cl {
    clear: both
}

.maincolor {
    color: var(--textSpecialColor);
}

.colororange {
    color: #ff7e00;
}

.f12 {
    font-size: 12px;
}

.f14 {
    font-size: 14px;
}

.white {
    color: #fff
}

    .white:hover {
        color: #fff
    }

.blue {
    color: #0269ac
}

    .blue:hover {
        color: #0269ac
    }

.red {
    color: red
}

    .red:hover {
        color: #d00
    }

.green {
    color: green
}

.gray {
    color: #727272
}

.black {
    color: #000
}

.bblue {
    background: #f4fcff
}

.byellow {
    background-color: #ffffb5;
}

.splitleft {
    background: url(../images/tabs_bg.png) no-repeat;
}

[class^="ico-"], [class*="ico-"] {
    background-image: url("../images/my_ico.png");
    background-repeat: no-repeat;
}

.iconew {
    background: url("../images/new.gif") no-repeat scroll right 3px transparent;
}

.ico-00 {
    padding: 0 0 0 30px;
    background-position: -4px 4px;
}

.ico-01 {
    padding: 0 0 0 20px;
    background-position: 4px -734px
}

.ico-02 {
    padding: 0 0 0 22px;
    background-position: 2px -740px;
}

.ico-03 {
    padding: 0 0 0 26px;
    background-position: 0px -904px
}

.ico-04 {
    padding: 0 0 0 20px;
    background-position: -4px -782px;
}

.ico-05 {
    padding: 0 0 0 20px;
    background-position: -4px -814px;
}

.ico-06 {
    padding: 0 0 0 15px;
    background-position: -7px -848px;
}

.ico-07 {
    padding: 0 0 0 26px;
    background-position: -4px -594px;
}

.ico-08 {
    padding: 0 0 0 26px;
    background-position: 4px -177px;
}

.ico-09 {
    padding: 0 0 0 26px;
    background-position: 0px -878px;
}

.ico-10 {
    padding: 0 0 0 20px;
    background-position: -1px -938px;
}

.ico-11 {
    padding: 0 0 0 25px;
    background-position: -3px -978px;
}

.ico-12 {
    padding: 0 0 0 22px;
    background-position: -3px -506px;
}

.ico-13 {
    padding: 0 0 0 25px;
    background-position: -2px -551px;
}

.ico-14 {
    padding: 0 0 0 20px;
    background-position: -5px -1083px;
}

.ico-15 {
    padding: 0 0 0 20px;
    background-position: -6px -1014px;
}

.ico-16 {
    padding: 0 0 0 23px;
    background-position: -5px -230px;
}

.ico-17 {
    padding: 0 0 0 23px;
    background-position: -5px -113px;
}

.ico-18 {
    padding: 0 0 0 22px;
    background-position: -5px -346px;
}

.ico-19 {
    padding: 0 0 0 20px;
    background-position: -7px -42px;
}

.ico-20 {
    padding: 0 0 0 20px;
    background-position: -5px -314px
}

.ico-21 {
    padding: 0 0 0 20px;
    background-position: -7px -81px;
}

.ico-22 {
    padding: 0 0 0 20px;
    background-position: -7px -119px;
}

.ico-23 {
    padding: 0 0 0 20px;
    background-position: -7px -277px;
}

.ico-24 {
    padding: 0 0 0 22px;
    background-position: -3px -1049px;
}

.ico-25 {
    padding: 0 0 0 22px;
    background-position: -3px -1050px;
}

.ico-sex0, .ico-sex1 {
    padding: 0 0 0 26px;
    background-position: 0px -878px;
}

.ico-sex2 {
    padding: 0 0 0 26px;
    background-position: 0px -904px
}

.s-weibo {
    background-position: 2px 4px;
    background-color: #FCD1A7;
}

.t-weibo {
    background-position: 4px -37px;
    background-color: #A9E9B7;
}

.i-qzone {
    background-position: 3px -78px;
    background-color: #F0E67A;
}

.i-marks {
    background-position: 6px -115px;
    background-color: #7CE0E0;
}

.i-write {
    background-position: 6px -150px;
    background-color: #CDDDC2;
}

.s-weibo:hover {
    background-color: #F9595E;
}

.t-weibo:hover {
    background-color: #00BFE9;
}

.i-qzone:hover {
    background-color: #FFAB00;
}

.i-marks:hover {
    background-color: #CC7CE0;
}

.i-write:hover {
    background-color: #0096A5;
}

.pd5 {
    padding-top: 5px;
}



/*通用图标*/

[class^="icopub-"], [class*="icopub-"] {
    background-image: url("../images/icopub.png");
    background-repeat: no-repeat;
}


.icopub-01 {
    padding: 0 0 0 25px;
    
    background-position: -10px -10px;
}

.icopub-02 {
    padding: 0 0 0 25px;
    background-position: -10px -50px;
}

.icopub-03 {
    padding: 0 0 0 25px;
    background-position: -10px -90px;
}

.icopub-04 {
    padding: 0 0 0 25px;
    background-position: -10px -130px;
}

.icopub-05 {
    padding: 0 0 0 25px;
    background-position: -10px -170px;
}

.icopub-06 {
    padding: 0 0 0 25px;
    background-position: -10px -210px;
}

.icopub-07 {
    padding: 0 0 0 25px;
    background-position: -10px -250px
}

.icopub-08 {
    padding: 0 0 0 26px;
    background-position: -10px -290px;
}

.icopub-09 {
    padding: 0 0 0 26px;
    background-position: -10px -330px;
}

.icopub-10 {
    padding: 0 0 0 25px;
    background-position: -10px -370px;
}

.icopub-11 {
    padding: 0 0 0 25px;
    background-position: -10px -410px;
}

.icopub-12 {
    padding: 0 0 0 25px;
    background-position: -10px -450px;
}

.icopub-13 {
    padding: 0 0 0 25px;
    background-position: -10px -490px;
}

.icopub-14 {
    padding: 0 0 0 25px;
    background-position: -10px -530px;
}

.icopub-15 {
    padding: 0 0 0 25px;
    background-position: -10px -570px;
}

.icopub-16 {
    padding: 0 0 0 25px;
    background-position: -10px -610px;
}

.icopub-17 {
    padding: 0 0 0 25px;
    background-position: -10px -650px;
}

.icopub-18 {
    padding: 0 0 0 25px;
    background-position: -10px -690px;
}

.icopub-19 {
    padding: 0 0 0 25px;
    background-position: -10px -730px;
}

.icopub-20 {
    padding: 0 0 0 25px;
    background-position: -10px -770px;
}

.icopub-21 {
    padding: 0 0 0 25px;
    background-position: -10px -810px;
}

.icopub-22 {
    padding: 0 0 0 25px;
    background-position: -10px -850px;
}

.icopub-23 {
    padding: 0 0 0 25px;
    background-position: -10px -890px;
}



/*新增顶部导航开始*/
.mr {
    width: 1212px;
    margin: 0 auto;
}

.relative {
    position: relative;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.l {
    float: left;
    display: inline;
}

.r {
    float: right;
    display: inline;
}

.as {
    line-height: 0;
}

.color-3 {
    color: #333;
}

.red-font a:hover, .red-font .active {
    border-bottom: 4px solid #e01b3c;
    color: #e01b3c;
}

.font-16 {
    font-size: 16px;
}

.mytop {
    background: url(../images/top_bg.png) repeat-x;
    width: 100%;
    height: 74px;
}

    .mytop .mytop-main {
        line-height: 50px;
    }

        .mytop .mytop-main .logo {
            margin-right: 48px;
            height: 36px;
            vertical-align: middle;
        }

        .mytop .mytop-main .top-nav {
            margin-right: 5px;
            padding-top: 5px;
        }

            .mytop .mytop-main .top-nav a {
                margin-right: 9px;
                padding: 0 6px 0 6px;
                line-height: 38px;
                padding-bottom: 8px;
            }





.mytop-main .search {
    padding-top: 18px;
    overflow: hidden;
    top: 20px;
    background-color: var(--bgForeColor);
}

    .mytop-main .search .inputkey {
        height: 30px;
        width: 210px;
        line-height: 30px;
        padding: 0px 3px 0px 30px;
        font-size: 14px;
        color: var(--textDefaultColor);
        font-family: var(--fontFamily);
        border: 2px solid var(--bgGrayColor);
        background: var(--bgForeColor);
        background: url("../images/search.png") no-repeat scroll 3px 5px transparent;
    }

    .mytop-main .search .btn {
        height: 34px;
        width: 60px;
        cursor: pointer;
        line-height: 30px;
        color: var(--textBoxTitleColor);
        font-family: var(--fontFamily);
        text-align: center;
        border: 0;
        font-size: 15px;
        background: var(--bgGrayColor);
    }
/*新增顶部导航结束*/



/*底部信息*/
footer {
    clear: both;
    width: 100%;
    background: var(--bgFooterColor);
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    color: var(--textFooterColor);
    padding-bottom: 20px;
    font-size: 14px
}

    footer p {
        line-height: 30px;
    }

    footer .copyright {
        margin-bottom: 15px;
        text-shadow: 1px 1px 1px var(--shadowColor);
    }

        footer .copyright a {
            color: var(--textGrayColor);
            margin: 0 10px;
            text-shadow: 1px 1px 1px var(--shadowColor);
        }

            footer .copyright a:hover {
                color: var(--textLinkHoverColor);
            }

    footer .tip {
        width: 960px;
        margin: 10px auto 0 auto;
        padding-top: 10px;
        border-top: 1px solid var(--boderColor);
    }